<div data-lift="surround?with=me;at=main" xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html">
  <title data-lift="DocumentSnippet.title"></title>

  <div data-spy="affix" data-offset-top="0">
    <div class="me-affix">
      <button type="button" class="btn btn-default" title="显示边栏">
        <i class="fa fa-angle-double-right"></i>
      </button>
      <input type="hidden" name="next-fa" value="fa-angle-double-left"/>
      <input type="hidden" name="next-status" value=""/>
    </div>
  </div>

  <div class="container">
    <div class="row">
      <div id="page-side" class="hidden">
        <div data-lift="embed?what=/h/user/_info"></div>
        <div data-lift="embed?what=/h/document/_documents_panel"></div>
      </div>
      <div id="page-main" class="col-md-12 col-lg-12">
        <div class="panel panel-default me-doc" data-lift="DocumentSnippet.show">
          <article class="panel-body">
            <header>
              <div class="pull-right">
                <div>
                  <a title="编辑" href="edit">
                    <i class="fa fa-edit fa-2x"></i>
                  </a>
                </div>
              </div>

              <h1 class="title">#标题#</h1>
              <span id="me-doc-subtitle">#description#</span>

              <div class="doc-meta">
                <ul class="list-inline">
                  <li><span name="meta"></span></li>
                  <li id="me-doc-favorite">
                    <a href="javascript:;" title="收藏">收藏</a>
                    <input type="hidden" value=""/>
                  </li>
                  <li><span name="comment">评论(0)</span></li>
                </ul>
              </div>

              <div id="me-doc-tags">
                <strong>标签：</strong><a target="_blank"><label class="label label-default">#标签#</label></a>
              </div>
              <input type="hidden" id="me-doc-id"/>
            </header>
            <div id="me-doc-content" class="doc-preview">#正文#</div>
          </article>
        </div>
        <!-- @comments -->
        <div class="panel panel-default" data-lift="DocumentSnippet.comments">
          <div class="panel-heading">
            <span class="text-muted">共收到<span id="doc-comment-size">#数量#</span>评论</span>
          </div>

          <ul class="list-group comments" id="doc-comments">
            <li class="list-group-item"></li>
          </ul>
          <ul class="list-group">
            <li class="list-group-item">
              <ul class="pagination"></ul>
              <div class="clearfix"></div>
            </li>
          </ul>
        </div>

        <!-- #comments -->
        <div class="panel panel-default" data-lift="DocumentSnippet.comment">
          <ul class="list-group">
            <li class="list-group-item">
              <form data-lift="form.ajax?class=form">
                <div id="control-doc-comment">
                  <ul class="nav nav-tabs" id="doc-tab">
                    <li class="active">
                      <a href="#doc-comment-editor" data-toggle="tab">编辑</a>
                    </li>
                    <li>
                      <a href="#doc-comment-preview" data-toggle="tab">预览</a>
                    </li>
                  </ul>
                  <div class="space-10"></div>
                  <div class="tab-content">
                    <div class="tab-pane active" id="doc-comment-editor">
                      <div id="guest-comment" class="form-inline">
                        <label class="control-label">用户名</label>
                        <input type="text" name="guest-name" class="form-control" required placeholder="用户名必填"/>
                        <i class="text-danger fa fa-star small"></i>&nbsp;&nbsp;
                        <label class="control-label">邮箱</label>
                        <input type="text" name="guest-email" class="form-control" required placeholder="邮箱必填，但不会显示"/>
                        <i class="text-danger fa fa-star small"></i>
                      </div>
                      <div class="space-10"></div>
                      <textarea class="form-control doc-editor" rows="5" name="comment"
                                placeholder="在此输入评论（支持Markdown）" required></textarea>
                    </div>

                    <div class="tab-pane" id="doc-comment-preview">
                      <div class="doc-preview" style="min-height:64px;"></div>
                    </div>

                  </div>
                  <div class="form-group">
                    <span class="help-block"></span>
                    <button type="submit" class="btn btn-default">发表评论</button>
                    <input type="hidden" name="submit"/>
                  </div>
                </div>
              </form>
            </li>
          </ul>
        </div>
      </div>

    </div>
  </div>

  <script data-lift="tail" src="/assets/js/me.document.show.js"></script>
</div>
